<!DOCTYPE html>
<html>
<head>
<title>一鸣组 Official</title>
<link rel="icon" href="favicon.png"/>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/swipebox.css">
<!-- js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!-- //js -->
<link href='http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
</head>
	
<body>
	<div class="banner_body">
		<div class="container">
			<div class="w3ls_logo_nav">
				<div class="w3ls_logo_nav_right">
					<div class="sap_tabs">
						<div class="w3ls_logo_nav_left">
							<h1><a href="">一鸣组  官方网站</a></h1>
						</div>
						<div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
							<div class="resp-tabs-container">
								
								<ul class="resp-tabs-list">
									<li class="resp-tab-item" aria-controls="tab_item-1" id="tab_item-1">主页</li>
									<li class="resp-tab-item" aria-controls="tab_item-2" id="tab_item-2">介绍</li>
									<li class="resp-tab-item" aria-controls="tab_item-3" id="tab_item-3">组员们</li>
									<li class="resp-tab-item" aria-controls="tab_item-4" id="tab_item-4">博客</li>
									<li class="resp-tab-item" aria-controls="tab_item-5" id="tab_item-5">关于</li>
								</ul>
								<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-1">
				<!-- home -->					
									<div class="wthree_tab_content">
										<img src="images/banner.jpg" alt=" " class="img-responsive" />
										<div class="wthree_tab_content_pos1">
											<ul>
												<li><a href="https://space.bilibili.com/330771760" class="twitter"></a></li>
												<li><a href="https://jq.qq.com/?_wv=1027&k=5uP2A4G" class="g"></a></li>
											</ul>
										</div>
										<div class="wthree_tab_content_pos">
											<div class="wthree_tab_content_pos_grid">
												<h2>SADLY!</h2>
												<h3>这个网站的内容早已过期了</h3>
												<h6>当做纪念吧</h6>
												<ul class="address">
													<li>
														<ul class="address-text">
															<li><b>组号 </b></li>
															<li>6</li>
														</ul>
													</li>
													<li>
														<ul class="address-text">
															<li><b>口号 </b></li>
															<li>不鸣则已，一鸣惊人</li>
														</ul>
													</li>
													<li>
														<ul class="address-text">
															<li><b>组训 </b></li>
															<li>战士上战场，不去打仗，就等着死吧</li>
														</ul>
													</li>
													<li>
														<ul class="address-text">
															<li><b>邮箱 </b></li>
															<li><a href="mailto:CoolXiaom95@gmail.com">CoolXiaom95@gmail.com</a></li>
														</ul>
													</li>
												</ul>
											</div>
										</div>
										
									</div>
				<!-- //home -->
								</div>
								<div class="tab-2 resp-tab-content" aria-labelledby="tab_item-2">
				<!-- about -->
									<div class="agile_about">
										<div class="agile_about_pos">
											<img src="images/1.png" alt=" " class="img-responsive" />
										</div>
									</div>
									<div class="agileits_agile_about">
										<h3>小组介绍</h3>
										<div class="col-md-6 agileits_agile_about_left">
											<p>一个非常秀的小组，那里面
											   个个都是人才，说话又好听。
											   </p>
										</div>
										<div class="col-md-6 agileits_agile_about_right">
											<h4>那真是个不错的想法</h4>
										</div>
										<div class="clearfix"> </div>
										<div class="agileits_skills_grids">
											<div class="col-md-6 agileits_skills_grid">
												<div class="skills">
													<div class="skill1" style="width:20%"> </div>		
													<div class="bar">
														<p>网页设计</p>
													</div>
												</div>
												<div class="skills skills1">
													<div class="skill3" style="width:75%"> </div>							
													<div class="bar">
														<p>计算机编程</p>
													</div>
												</div>
												<div class="skills skills2">
													<div class="skill4" style="width:70%"> </div>							
													<div class="bar">
														<p>P图</p>
													</div>
												</div>
												<div class="skills skills3">
													<div class="skill5" style="width:60%"> </div>							
													<div class="bar">
														<p>游戏开发</p>
													</div>
												</div>
											</div>
											<div class="col-md-6 agileits_skills_grid">
												<div class="skills">
													<div class="skill1" style="width:99%"> </div>		
													<div class="bar">
														<p>沙雕程度</p>
													</div>
												</div>
												<div class="skills skills1">
													<div class="skill3" style="width:75%"> </div>							
													<div class="bar">
														<p>团队合作</p>
													</div>
												</div>
												<div class="skills skills2">
													<div class="skill4" style="width:60%"> </div>							
													<div class="bar">
														<p>创造力</p>
													</div>
												</div>
												<div class="skills skills3">
													<div class="skill5" style="width:54%"> </div>							
													<div class="bar">
														<p>责任感</p>
													</div>
												</div>
											</div>
											<div class="clearfix"> </div>
										</div>
									</div>
				<!-- //about -->
								</div>
								<div class="tab-3 resp-tab-content" aria-labelledby="tab_item-3">
				<!-- work -->
									<div class="agile_about">
										<div class="agile_about_pos">
											<img src="images/1.png" alt=" " class="img-responsive" />
										</div>
									</div>
									<div class="agileits_agile_about">
										<h3>我们的组员</h3>
										<div class="agileits_agile_about_portfolio">
											<div class="col-md-4 agileits_agile_about_portfolio_left">
												<div class="w3_portfolio_grid view second-effect">
													<a href="images/6h.jpg" class="swipebox" title="⑥ 李伟业 - 暂无描述">
														<img src="images/6h.jpg" alt=" " class="img-responsive" />
														<div class="mask">
															<p>⑥ 李伟业</p>
														</div>
													</a>
												</div>
											</div>
											<div class="col-md-4 agileits_agile_about_portfolio_left">
												<div class="w3_portfolio_grid view second-effect">
													<a href="images/1h.jpg" class="swipebox" title="① 陈浩元 - 暂无描述">
														<img src="images/1h.jpg" alt=" " class="img-responsive" />
														<div class="mask">
															<p>① 陈浩元</p>
														</div>
													</a>
												</div>
											</div>
											<div class="col-md-4 agileits_agile_about_portfolio_left">
												<div class="w3_portfolio_grid view second-effect">
													<a href="images/4h.jpg" class="swipebox" title="④ 谢嘉怡 - 暂无描述">
														<img src="images/4h.jpg" alt=" " class="img-responsive" />
														<div class="mask">
															<p>④ 谢嘉怡</p>
														</div>
													</a>
												</div>
											</div>
											<div class="clearfix"> </div>
										</div>
										<div class="agileits_agile_about_portfolio1">
											<div class="col-md-4 agileits_agile_about_portfolio_left">
												<div class="w3_portfolio_grid view second-effect">
													<a href="images/3h.jpg" class="swipebox" title="③ 李伟萍 - 暂无描述">
														<img src="images/3h.jpg" alt=" " class="img-responsive" />
														<div class="mask">
															<p>③ 李伟萍</p>
														</div>
													</a>
												</div>
											</div>
											<div class="col-md-4 agileits_agile_about_portfolio_left">
												<div class="w3_portfolio_grid view second-effect">
													<a href="images/2h.jpg" class="swipebox" title="② 黄锦常 - 暂无描述">
														<img src="images/2h.jpg" alt=" " class="img-responsive" />
														<div class="mask">
															<p>② 黄锦常</p>
														</div>
													</a>
												</div>
											</div>
											<div class="col-md-4 agileits_agile_about_portfolio_left">
												<div class="w3_portfolio_grid view second-effect">
													<a href="images/5h.jpg" class="swipebox" title="⑤ 郑业登 - 暂无描述">
														<img src="images/5h.jpg" alt=" " class="img-responsive" />
														<div class="mask">
															<p>⑤ 郑业登</p>
														</div>
													</a>
												</div>
											</div>
											<div class="clearfix"> </div>
										</div>
										<!-- swipe box js -->
										<script src="js/jquery.swipebox.min.js"></script> 
											<script type="text/javascript">
												jQuery(function($) {
													$(".swipebox").swipebox();
												});
										</script>
										<!-- //swipe box js -->
									</div>
				<!-- //work -->
								</div>
								<div class="tab-4 resp-tab-content" aria-labelledby="tab_item-4">
				<!-- blog -->
									<div class="agile_about">
										<div class="agile_about_pos">
											<img src="images/1.png" alt=" " class="img-responsive" />
										</div>
									</div>
									<div class="agileits_agile_about">
										<h3>博客</h3>
										<div class="agileits_agile_about_blog">
											<div class="col-md-6 agileits_agile_about_blog_left">
												<div class="agile_about_blog_left_grid">
													<a href="#" data-toggle="modal" data-target="#myModal"><img src="images/8.jpg" alt=" " class="img-responsive" /></a>
													<div class="agile_about_blog_left_grid_pos">
														<ul>
															<li>30</li>
															<li>2019年 12月</li>
														</ul>
													</div>
												</div>
											</div>
											<div class="col-md-6 agileits_agile_about_blog_right">
												<div class="agile_about_blog_right_grid">
													<div class="agile_model">
														<a href="#" data-toggle="modal" data-target="#myModal">元旦文艺汇演</a>
													</div>
													<div class="agile_about_blog_right_grid_list">
														<ul>
															<li><span class="glyphicon glyphicon-user" aria-hidden="true"></span><a href="#">组长</a></li>
															<li><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span><a href="#">发布于 13:47</a></li>
														</ul>
													</div>
													<p>awa</p>
												</div>
											</div>
											<div class="clearfix"> </div>
										</div>
										<div class="modal video-modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModal">
											<div class="modal-dialog" role="document">
												<div class="modal-content">
													<div class="modal-header">
														博文详细
														<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>						
													</div>
													<section>
														<div class="modal-body">
															<img src="images/8.jpg" alt=" " class="img-responsive" />
															<p>元旦文艺汇演就要开始了，同学们加油鸭！
																不要让我们失望
																<i>" 美好的一天，美好的一天！</i></p>
														</div>
													</section>
												</div>
											</div>
										</div>
									</div>
				<!-- //blog -->
								</div>
								<div class="tab-5 resp-tab-content" aria-labelledby="tab_item-5">
				<!-- contact -->
									<div class="agile_about">
										<div class="agile_about_pos">
											<img src="images/1.png" alt=" " class="img-responsive" />
										</div>
									</div>
									<div class="agileits_agile_about">
										<h3>关于</h3>
										<div class="agileits_agile_about_mail">
											<img src="images/2.jpg" alt=" " />
											<img src="images/3.jpg" alt=" " />
											<p>我… 真的不知道要说些什么</p>
										</div>
									</div>
								</div>
			<!-- //contact -->
							</div>
						</div>
						
					</div>
					<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
						<script type="text/javascript">
							$(document).ready(function () {
								$('#horizontalTab').easyResponsiveTabs({
									type: 'default', //Types: default, vertical, accordion           
									width: 'auto', //auto or any width like 600px
									fit: true   // 100% fit in a container
								});
							});			
						</script>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="agileits_copyright">
				<p>Copyright &copy; 2020 <a href="https://www.mrxiaom.top/">CoolXiaom95</a>. All rights reserved.</p>
			</div>
		</div>
	</div>
<!-- for bootstrap working -->
<script src="js/bootstrap.js"></script>
<!-- //for bootstrap working -->
</body>
</html>
